﻿<!DOCTYPE html>
<!-- 
| - - Motion.Euzo.Ca - - - Motion and M+ from euzo.ca - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
-->
<html>
<head>
    <title>Motion Development Environment</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- 
    Style sheets. 
    -->
    <link href="/Motion/User Interface/Fonts/Fonts.css" rel="stylesheet" type="text/css" />
    <link href="../../../Motion/User Interface/Framework/Splitter/Splitter.css" rel="stylesheet" type="text/css" />
    <link href="../../../Motion/User Interface/Framework/Menu/Menu.css" rel="stylesheet" type="text/css" />
    <!--  
    Application scripts.    
    -->
    <script src="../../../Motion/User Interface/Framework/Document.js" type="text/javascript"></script>
    <script src="../../../Motion/User Interface/Framework/Splitter/Splitter.js" type="text/javascript"></script>
</head>
<body style="overflow: hidden;">
    <div style="position: absolute; left: 0px; top: 0px; width: 100%;">
        Menu goes here
    </div>
    <div style="position: absolute; left: 0px; top: 50px; width: 100%; bottom: 0px">
        <div style="float: left; width: 250px;">
            Left Tree</div>
        <splitter direction="horizontal"></splitter>
        <div>
            Content</div>
    </div>
    <div style="position: absolute; left: 0px; bottom: 0px; width: 100%">
        Statusbar
    </div>
</body>
</html>
